import {FC} from "react";
import {Space, Statistic} from "antd";
import CustColumnChart from "../../../../components/CustChartColumn/CustChartColumn";
import ItemHeader from "../../../../components/ItemHeader/ItemHeader";
import VectorTemp from "./template/VectorTemp/VectorTemp";
import FloorList from "./template/FloorList/FloorList";
import MinHeader from "../../../../components/MinHeader/MinHeader";
import CustChartPie from "../../../../components/CustChartPie/CustChartPie";
import CustChartColumn from "../../../../components/CustChartColumn/CustChartColumn";
import "./HomeLeftContent.less";
import ServiceTotal from "./template/ServiceTotal/ServiceTotal";
import ServiceTable from "./template/ServiceTable/ServiceTable";
const HomeLeftContent:FC<any>=(props)=>{
    return (
        <div className={props.className}>
            <div className="left_top-box">
                <div className="left_min-item">
                    <ItemHeader title="企业主体"/>
                    <div className="min_item-content">
                        <Space>
                            <h4>总体繁荣情况</h4>
                            <p className="info"><span>1850</span>个</p>
                        </Space>
                        <ul className="info_tab">
                            <li className="active">
                                <p>注册在杨浦<span>6666</span>个</p>
                                <p>本年度新增<span>22</span>个</p>
                            </li>
                            <li>
                                <p>办公在杨浦<span>6666</span>个</p>
                                <p>本年度新增<span>22</span>个</p>
                            </li>
                        </ul>
                        <div style={{height:"14vh"}}>
                            <CustColumnChart />
                        </div>
                    </div>
                </div>
                <div className="right_min-item">
                    <ItemHeader title="营商载体"/>
                    <div className="min_item-content">
                        <div className="vector_info-box">
                            <h4>载体变化</h4>
                            <VectorTemp />
                        </div>
                        <div className="floor_info_box">
                            <p className="info_more">点击楼宇名称查看详情</p>
                            <FloorList />
                        </div>
                    </div>

                </div>
            </div>
            <div className="left_center-box">
                <div className="left_min-item">
                    <ItemHeader title="楼宇产业现状" />
                    <div className="min_item-content">
                        <div className="sector_box">
                            <MinHeader title="楼宇企业行业分布"/>
                            <div className="sector_pie">
                                <CustChartPie />
                            </div>
                        </div>
                        <div className="hot_industry-box">
                            <MinHeader title="楼宇企业行业分布"/>
                            <div className="hot_industry-column">
                                <CustChartColumn />
                            </div>
                        </div>
                    </div>
                </div>
                <div className="right_min-item">
                    <ItemHeader title="企业效益" />
                    <div className="min_item-content">
                        <div className="card_box tax_box">
                            <MinHeader title="楼宇单位面积税收" />
                            <h6 className="cust_col">6666<span>万元/平米</span></h6>
                            <Statistic className="cust_col" title="同比增长" value={10} valueStyle={{color:"#4DD1FF"}} suffix={"%"} />
                            <Statistic className="cust_col" title="环比增长" value={10} valueStyle={{color: "#4DD1FF"}} suffix={"%"}/>
                        </div>
                        <div className="card_box super_box">
                            <MinHeader title="年税收千万以上企业"/>
                            <h6 className="cust_col">66666<span>家</span></h6>
                            <Statistic className="cust_col" title="本年度新增" value={10} valueStyle={{color: "#4DD1FF"}} suffix={"家"}/>
                        </div>
                        <div className="card_box obtain_box">
                            <MinHeader title="从业人数"/>
                            <h6 className="cust_col">666666<span>人</span></h6>
                            <Statistic className="cust_col" title="本年度新增" value={10} valueStyle={{color: "#4DD1FF"}} suffix={"人"}/>
                        </div>
                    </div>
                </div>
            </div>
            <div className="left_footer-box">
                <ItemHeader title="企业服务" />
                <div className="min_item-content">
                    <ServiceTotal />
                    <div className="left_footer-right">
                        <ServiceTable />
                    </div>
                </div>
            </div>
        </div>
    );
}
export default HomeLeftContent;
